<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>sample</title>
    <link rel="stylesheet" href="../../../lib/bootstrap/3.1.1/css/bootstrap.css" />
    <link rel="stylesheet" href="../../../lib/bootstrap/3.1.1/css/bootstrap-theme.css" />

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="../../../lib/html5shiv/3.7.1/html5shiv.js"></script>
    <script src="../../../lib/respond/1.4.2/respond.src.js"></script>
    <![endif]-->
    <style type="text/css">
        body {
            padding: 25px;
        }
    </style>
</head>
<body>

<div style="width: 400px;">
    <div class="panel panel-default">
        <div class="panel-heading">Table Panel title</div>
        <div class="panel-body">
            Some default panel content here. Nulla vitae elit libero, a pharetra augue. Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Nullam id dolor id nibh ultricies vehicula ut id elit.
        </div>
        <table class="table">
            <tr>
                <th>#</th>
                <th>First Name</th>
                <th>Last Name</th>
                <th>Username</th>
            </tr>
            <tr>
                <td>1</td>
                <td>Mark</td>
                <td>Otto</td>
                <td>@mdo</td>
            </tr>
            <tr>
                <td>2</td>
                <td>Jacob</td>
                <td>Thornton</td>
                <td>@fat</td>
            </tr>
            <tr>
                <td>3</td>
                <td>Larry</td>
                <td>the Bird</td>
                <td>@twitter</td>
            </tr>
        </table>
    </div>

    <br/>

    <div class="panel panel-default">
        <div class="panel-heading">Table Panel title</div>
        <table class="table">
            <tr>
                <th>#</th>
                <th>First Name</th>
                <th>Last Name</th>
                <th>Username</th>
            </tr>
            <tr>
                <td>1</td>
                <td>Mark</td>
                <td>Otto</td>
                <td>@mdo</td>
            </tr>
            <tr>
                <td>2</td>
                <td>Jacob</td>
                <td>Thornton</td>
                <td>@fat</td>
            </tr>
            <tr>
                <td>3</td>
                <td>Larry</td>
                <td>the Bird</td>
                <td>@twitter</td>
            </tr>
        </table>
    </div>
</div>

<script type="text/javascript" src="../../../lib/jquery/1.11.0/jquery.js"></script>
<script type="text/javascript" src="../../../lib/bootstrap/3.1.1/js/bootstrap.js"></script>
</body>
</html>